<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城 - 小米11 Ultra、Redmi K40 Pro、MIX FOLD，小米电视官方网站</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="css/fonts.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 顶部导航部分开始 -->
    <div class="topnav">
        <div class="nav_left">
            <ul>
                <li><a href="#">小米商城</a></li>
                <li><a href="#">MIUI</a></li>
                <li><a href="#">IoT</a></li>
                <li><a href="#">云服务</a></li>
                <li><a href="#">天星数科</a></li>
                <li><a href="#">有品</a></li>
                <li><a href="#">小爱开放平台</a></li>
                <li><a href="#">企业团购</a></li>
                <li><a href="#">资质证照</a></li>
                <li><a href="#">协议规则</a></li>
                <li><a href="#">
                        <div id="download">
                            下载app
                        </div>
                    </a></li>
                <li><a href="#">智能生活</a></li>
                <li><a href="#">Select Location</a></li>
            </ul>
            <div id="erweima">
                <img src="./images/erweima.png" alt="">
                <span></span>
                <div class="app">小米商城APP</div>
            </div>
        </div>
        <div class="nav_right">
            <div class="login"><a href="login.html">登录</a></div>
            <div class="register"><a href="register.html">注册</a></div>
            <div class="notice">消息通知</div>
        </div>
        <div id="nav_right_shopping">
            <span class="iconfont" style="margin-right: 10px;">&#xe600;</span>
            <span>购物车&nbsp;&nbsp;&nbsp;(0)</span>
        </div>
        <div id="shopping">购物车中还没有商品，赶紧选购吧！</div>
    </div>
    <!-- 顶部导航部分结束 -->
    <!-- 主页导航开始 -->
    <a href="index.html">
        <div class="log">
            <img src="./images/mi.png" alt="">
        </div>
    </a>
    <div class="index_nav">
        <ul>
            <li><a href="#">小米手机</a></li>
            <li><a href="#">Redmi手机</a></li>
            <li><a href="#">电视</a></li>
            <li><a href="#">笔记本</a></li>
            <li><a href="#">家电</a></li>
            <li><a href="#">路由器</a></li>
            <li><a href="#">智能硬件</a></li>
            <li><a href="#">服务</a></li>
            <li><a href="#">社区</a></li>
        </ul>
    </div>

    <div class="search">
        <input type="search" value="618夏日入新互动参与赢好礼">
        <div class="sub"><input type="submit" class="iconfont submit" value="&#xe652;" style="font-size: 22px;"></div>
    </div>
    <div class="item">
        <div class="shoujiapp"><span class="iconfont shouji">&#xe621;</span><span class="app">手机APP</span></div>
        <div class="gerenzhongxin"><span class="iconfont geren">&#xe611;</span><span class="zhongxin">个人中心</span></div>
        <div class="zhouhoufuwu"><span class="iconfont shouhou">&#xe62e;</span><span class="fuwu">售后服务</span></div>
        <div class="rengongkefu"><span class="iconfont rengong">&#xe709;</span><span class="kefu">人工客服</span></div>
        <div class="gouwuche"><span class="iconfont gouwu">&#xe600;</span><span class="che">购物车</span></div>
    </div>
    <!-- 主页导航结束 -->
    <!-- 主体部分开始 -->

    <div class="main">
        <div class="main_left">
            <div id="sjdhk">手机 电话卡<span class="iconfont">&#xe665;</span></div>
            <div id="dshz">电视 盒子<span class="iconfont">&#xe665;</span></div>
            <div id="bjbxsq">笔记本 显示器<span class="iconfont">&#xe665;</span></div>
            <div id="jdcxb">家电 插线板<span class="iconfont">&#xe665;</span></div>
            <div id="cxcd">出行 穿戴<span class="iconfont">&#xe665;</span></div>
            <div id="znlyq">智能 路由器<span class="iconfont">&#xe665;</span></div>
            <div id="dypj">电源 配件<span class="iconfont">&#xe665;</span></div>
            <div id="jket">健康 儿童<span class="iconfont">&#xe665;</span></div>
            <div id="ejyx">耳机 音箱<span class="iconfont">&#xe665;</span></div>
            <div id="shxb">生活 箱包<span class="iconfont">&#xe665;</span></div>
        </div>
        <div id="shoujidianhuaka">
            <img src="./images/shoujidianhuaka.png" alt="">
        </div>
        <div id="dianshihezhi">
            <img src="./images/dianshihezhi.png" alt="">
        </div>
        <div id="bijibenxianshiqi">
            <img src="./images/bijibenxianshiqi.png" alt="">
        </div>
        <div id="jiadianchaxianban">
            <img src="./images/jiadianchaxianban.png" alt="">
        </div>
        <div id="chuxingchuandai">
            <img src="./images/chuxingchuandai.png" alt="">
        </div>
        <div id="zhinengluyouqi">
            <img src="./images/zhinengluyouqi.png" alt="">
        </div>
        <div id="dianyuanpeijian">
            <img src="./images/dianyuanpeijian.png" alt="">
        </div>
        <div id="jiankangertong">
            <img src="./images/jiankangertong.png" alt="">
        </div>
        <div id="erjiyinxiang">
            <img src="./images/erjiyinxiang.png" alt="">
        </div>
        <div id="shenghuoxiangbao">
            <img src="./images/shenghuoxiangbao.png" alt="">
        </div>
        <div class="focus">
            <!-- 左侧按钮 -->
            <a href="#" class="arrow-l">
                <span class="iconfont xiaoyuhao">&#xe685;</span>
            </a>
            <!-- 右侧按钮 -->
            <a href="#" class="arrow-r">
                <span class="iconfont dayuhao">&#xe687;</span>
            </a>
            <!-- 核心的滚动区域 -->
            <ul>
                <li>
                    <a href="#"><img src="images/mi618.jpeg" alt="" width="1226px" height="460px"></a>
                </li>
                <li>
                    <a href="#"><img src="images/note10.jpeg" alt="" width="1226px" height="460px"></a>
                </li>
                <li>
                    <a href="#"><img src="images/mixfold.jpeg" alt="" width="1226px" height="460px"></a>
                </li>
                <li>
                    <a href="#"><img src="images/xiaomizhinengshenghuo.jpeg" alt="" width="1226px" height="460px"></a>
                </li>
            </ul>
            <!-- 小圆圈 -->
            <ol class="circle">

            </ol>
        </div>
    </div>
    <!-- 主体部分结束 -->
    <!-- footer部分开始 -->
    <div class="footer">
        <ul>
            <li><img src="./images/xiaomimiaosha.png" alt=""><span>小米秒杀</span></li>
            <li><img src="./images/qiyetuangou.png" alt=""><span>企业团购</span></li>
            <li><img src="./images/fmatongdao.png" alt=""><span>F码通道</span></li>
            <li><img src="./images/mifenka.png" alt=""><span>米粉卡</span></li>
            <li><img src="./images/yijiuhuanxin.png" alt=""><span>以旧换新</span></li>
            <li><img src="./images/huafeichongzhi.png" alt=""><span>话费充值</span></li>
        </ul>
    </div>
    <div class="redmi"><img src="./images/redmi9a.jpg" alt=""></div>
    <div class="xiaomi11"><img src="./images/xiaomi11.jpg" alt=""></div>
    <div class="jiangzaoerji"><img src="./images/jiangzaoerji.png" alt=""></div>
    <!-- footer部分结束 -->
</body>
<script src="js/index.js"></script>
<script src="js/animate.js"></script>
<script src="js/lunbotu.js"></script>

</html>